<!-- ====== About Section Start -->
<section
  id="about"
  class="bg-gray-1 dark:bg-dark-2 pt-20 pb-8 lg:pt-[120px] lg:pb-[70px]"
>
  <div class="container">
    <div class="wow fadeInUp" data-wow-delay=".2s">
      <div class="-mx-4 flex flex-wrap items-center">
        <div class="w-full px-4 lg:w-1/2">
          <div class="mb-12 max-w-[540px] lg:mb-0">
            <h2
              class="mb-5 text-3xl font-bold leading-tight text-dark dark:text-white sm:text-[40px] sm:leading-[1.2]">
             172号卡分销综合管理系统
            </h2>
            <p class="mb-10 text-base leading-relaxed text-body-color dark:text-dark-6">
               运营商官方合作伙伴，大流量+超低月租<br> <br>
              立足于巅峰代理商的强大背景，把握行业先机，与172号卡平台携手并肩，
将是您创业路上的明智之选。加入我们，共同开启财富增长的新篇章。创业之路，并不孤单，172号卡平台，期待着每一位有志之士的加入！
            </p>

            <a href="javascript:void(0)"
              class="inline-flex items-center justify-center py-3 text-base font-medium text-center text-white border border-primary rounded-md px-7 bg-primary hover:bg-blue-dark hover:border-blue-dark">
              了解更多
            </a>
          </div>
        </div>

        <div class="w-full px-4 lg:w-1/2">
          <div class="flex flex-wrap -mx-2 sm:-mx-4 lg:-mx-2 xl:-mx-4">
            <div class="w-full px-2 sm:w-1/2 sm:px-4 lg:px-2 xl:px-4">
              <div class="mb-4 sm:mb-8 sm:h-[400px] md:h-[540px] lg:h-[400px] xl:h-[500px]">
                <img src="/assets/blog/blog-1.jpg" alt="关于我们的图片"
                  class="object-cover object-center w-full h-full" />
              </div>
            </div>

            <div class="w-full px-2 sm:w-1/2 sm:px-4 lg:px-2 xl:px-4">
              <div class="mb-4 sm:mb-8 sm:h-[220px] md:h-[346px] lg:mb-4 lg:h-[225px] xl:mb-8 xl:h-[310px]">
                <img src="/assets/blog/blog-2.jpg" alt="关于我们的图片"
                  class="object-cover object-center w-full h-full" />
              </div>

              <div
                class="bg-primary relative z-10 mb-4 flex items-center justify-center overflow-hidden py-12 px-6 sm:mb-8 sm:h-[160px] sm:p-5 lg:mb-4 xl:mb-8">
                <div>
                  <span class="block text-5xl font-extrabold text-white">
                    09
                  </span>
                  <span class="block text-base font-semibold text-white">
                    我们拥有
                  </span>
                  <span class="block text-base font-medium text-white text-opacity-70">
                    9年经验
                  </span>
                </div>
                <div>
                  <span class="absolute top-0 left-0 -z-10">
                    <svg width="106" height="144" viewBox="0 0 106 144" fill="none"
                      xmlns="http://www.w3.org/2000/svg">
                      <rect opacity="0.1" x="-67" y="47.127" width="113.378" height="131.304"
                        transform="rotate(-42.8643 -67 47.127)" fill="url(#paint0_linear_1416_214)" />
                      <defs>
                        <linearGradient id="paint0_linear_1416_214" x1="-10.3111" y1="47.127" x2="-10.3111"
                          y2="178.431" gradientUnits="userSpaceOnUse">
                          <stop stop-color="white" />
                          <stop offset="1" stop-color="white" stop-opacity="0" />
                        </linearGradient>
                      </defs>
                    </svg>
                  </span>
                  <span class="absolute top-0 right-0 -z-10">
                    <svg width="130" height="97" viewBox="0 0 130 97" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <rect opacity="0.1" x="0.86792" y="-6.67725" width="155.563" height="140.614"
                        transform="rotate(-42.8643 0.86792 -6.67725)" fill="url(#paint0_linear_1416_215)" />
                      <defs>
                        <linearGradient id="paint0_linear_1416_215" x1="78.6495" y1="-6.67725" x2="78.6495"
                          y2="133.937" gradientUnits="userSpaceOnUse">
                          <stop stop-color="white" />
                          <stop offset="1" stop-color="white" stop-opacity="0" />
                        </linearGradient>
                      </defs>
                    </svg>
                  </span>
                  <span class="absolute bottom-0 right-0 -z-10">
                    <svg width="175" height="104" viewBox="0 0 175 104" fill="none"
                      xmlns="http://www.w3.org/2000/svg">
                      <rect opacity="0.1" x="175.011" y="108.611" width="101.246" height="148.179"
                        transform="rotate(137.136 175.011 108.611)" fill="url(#paint0_linear_1416_216)" />
                      <defs>
                        <linearGradient id="paint0_linear_1416_216" x1="225.634" y1="108.611" x2="225.634" y2="256.79"
                          gradientUnits="userSpaceOnUse">
                          <stop stop-color="white" />
                          <stop offset="1" stop-color="white" stop-opacity="0" />
                        </linearGradient>
                      </defs>
                    </svg>
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- ====== About Section End -->

<!-- ====== 公司详情部分 开始 -->
<section class="py-16 bg-white dark:bg-dark-2">
  <div class="container mx-auto">
    <!-- 标题部分 -->
    <div class="text-center mb-12 wow fadeInUp" data-wow-delay=".1s">
      <h2 class="text-3xl font-bold text-dark dark:text-white mb-4">172号卡分销综合管理系统</h2>
      <div class="w-24 h-1 bg-primary mx-auto mb-5"></div>
      <p class="text-body-color dark:text-dark-6 max-w-3xl mx-auto">
        运营商官方合作伙伴，大流量+超低月租，为您提供全方位的物联网解决方案
      </p>
    </div>
    
    <!-- 主要内容区 - 左右对称布局 -->
    <div class="flex flex-col lg:flex-row items-stretch justify-between gap-8">
      <!-- 左侧内容 -->
      <div class="w-full lg:w-1/2 wow fadeInLeft" data-wow-delay=".2s">
        <div class="bg-white dark:bg-dark-1 rounded-lg shadow-md h-full p-8 transition-all hover:shadow-lg flex flex-col">
          <!-- 左侧标题 -->
          <div class="mb-6 border-b border-gray-200 dark:border-dark-3 pb-4">
            <h3 class="text-2xl font-bold text-dark dark:text-white flex items-center">
              <span class="text-primary mr-3">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
                </svg>
              </span>
              公司概况
            </h3>
          </div>
          
          <!-- 左侧内容 -->
          <div class="flex-grow">
            <p class="text-body-color dark:text-dark-6 mb-6 leading-relaxed">
              172号卡有限公司，一家在物联网领域内崭露头角的企业，以其卓越的服务和创新的解决方案，成为行业内的佼佼者。
            </p>
            
            <div class="mb-6">
              <h4 class="text-xl font-semibold text-dark dark:text-white mb-4 flex items-center">
                <span class="text-primary mr-2">
                  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
                  </svg>
                </span>
                旗下品牌
              </h4>
              <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div class="bg-gray-50 dark:bg-dark-2 p-4 rounded-lg">
                  <h5 class="font-medium text-dark dark:text-white mb-2">172号卡</h5>
                  <p class="text-sm text-body-color dark:text-dark-6">专注于物联网技术的深度开发与应用</p>
                </div>
                <div class="bg-gray-50 dark:bg-dark-2 p-4 rounded-lg">
                  <h5 class="font-medium text-dark dark:text-white mb-2">飞利猫</h5>
                  <p class="text-sm text-body-color dark:text-dark-6">致力于提供全面的物联网解决方案</p>
                </div>
              </div>
            </div>
            
            <div class="mb-6">
              <h4 class="text-xl font-semibold text-dark dark:text-white mb-4 flex items-center">
                <span class="text-primary mr-2">
                  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
                  </svg>
                </span>
                技术支持
              </h4>
              <ul class="space-y-3">
                <li class="flex items-start">
                  <span class="text-primary mr-2 mt-1">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                    </svg>
                  </span>
                  <span>稳定可靠的网络连接：确保企业运营不中断</span>
                </li>
                <li class="flex items-start">
                  <span class="text-primary mr-2 mt-1">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                    </svg>
                  </span>
                  <span>保质保量服务：承诺在使用周期、套餐流量、网络速度方面提供优质服务</span>
                </li>
              </ul>
            </div>
          </div>
         </div>
      </div>
      
      <!-- 右侧内容 -->
      <div class="w-full lg:w-1/2 wow fadeInRight" data-wow-delay=".3s">
        <div class="bg-white dark:bg-dark-1 rounded-lg shadow-md h-full p-8 transition-all hover:shadow-lg flex flex-col">
          <!-- 右侧标题 -->
          <div class="mb-6 border-b border-gray-200 dark:border-dark-3 pb-4">
            <h3 class="text-2xl font-bold text-dark dark:text-white flex items-center">
              <span class="text-primary mr-3">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
                </svg>
              </span>
              业务领域
            </h3>
          </div>
          
          <!-- 右侧内容 -->
          <div class="flex-grow">
            <div class="mb-6">
              <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div class="bg-gray-50 dark:bg-dark-2 p-4 rounded-lg">
                  <h5 class="font-medium text-dark dark:text-white mb-2 flex items-center">
                    <span class="text-primary mr-2">
                      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
                      </svg>
                    </span>
                    车联网
                  </h5>
                  <p class="text-sm text-body-color dark:text-dark-6">为车辆提供智能连接解决方案</p>
                </div>
                <div class="bg-gray-50 dark:bg-dark-2 p-4 rounded-lg">
                  <h5 class="font-medium text-dark dark:text-white mb-2 flex items-center">
                    <span class="text-primary mr-2">
                      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0" />
                      </svg>
                    </span>
                    车载WIFI
                  </h5>
                  <p class="text-sm text-body-color dark:text-dark-6">提供便捷的车载无线网络服务</p>
                </div>
                <div class="bg-gray-50 dark:bg-dark-2 p-4 rounded-lg">
                  <h5 class="font-medium text-dark dark:text-white mb-2 flex items-center">
                    <span class="text-primary mr-2">
                      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
                      </svg>
                    </span>
                    智慧医疗
                  </h5>
                  <p class="text-sm text-body-color dark:text-dark-6">通过物联网技术，提升医疗服务效率</p>
                </div>
                <div class="bg-gray-50 dark:bg-dark-2 p-4 rounded-lg">
                  <h5 class="font-medium text-dark dark:text-white mb-2 flex items-center">
                    <span class="text-primary mr-2">
                      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
                      </svg>
                    </span>
                    金融POS
                  </h5>
                  <p class="text-sm text-body-color dark:text-dark-6">为金融行业提供安全、高效的支付解决方案</p>
                </div>
              </div>
            </div>
            
            <div class="mb-6">
              <h4 class="text-xl font-semibold text-dark dark:text-white mb-4 flex items-center">
                <span class="text-primary mr-2">
                  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" />
                  </svg>
                </span>
                物联网卡管平台
              </h4>
              <ul class="space-y-3">
                <li class="flex items-start">
                  <span class="text-primary mr-2 mt-1">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                    </svg>
                  </span>
                  <span>业务管控：轻松管理物联网卡的使用情况</span>
                </li>
                <li class="flex items-start">
                  <span class="text-primary mr-2 mt-1">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                    </svg>
                  </span>
                  <span>预警系统：及时响应潜在问题，确保业务连续性</span>
                </li>
              </ul>
            </div>
          </div>
         </div>
      </div>
    </div>
    
    <!-- 底部售后服务 -->
    <div class="mt-12 text-center wow fadeInUp w-full" data-wow-delay=".4s">
      <div class="bg-gray-50 dark:bg-dark-1 rounded-lg p-8 shadow-sm w-full">
        <h3 class="text-2xl font-bold text-dark dark:text-white mb-4 flex items-center justify-center">
          <span class="text-primary mr-3">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
            </svg>
          </span>
          售后服务
        </h3>
        <p class="text-body-color dark:text-dark-6 text-lg max-w-4xl mx-auto">
          提供周到的售后服务，确保客户无后顾之忧。172号卡有限公司，以创新的技术、专业的服务和客户至上的理念，致力于成为物联网行业的领先者。
        </p>
      </div>
    </div>
  </div>
</section>
<!-- ====== 公司详情部分 结束 -->